@use "@/assets/styles/mixin";
.add-order-container {
  height: 100%;
  width: 100%;
  background-color: #fff;
  position: relative;
}
.add-order-container-center-top {
  background: #ffffff;
  border-radius: 10px;
  overflow: auto;
  height: 100%;
}

.add-order-container-header {
  @include mixin.flex-between;
  padding: 20px;
  border-bottom: 1px solid #e4e4e4;
}
.add-order-container-top-content {
  .title-container .tag-circle {
    color: aquamarine;
  }
  padding: 20px 20px 0 20px;
}
.form-item-container {
  margin: 0 69px 0 68px;
  @include mixin.flex-between;
}
.form-item-right {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
}
:deep(.el-form-item) {
  align-items: center;
}
:deep(.el-radio:last-child) {
  margin-right: 67px !important;
}
:deep(.el-radio) {
  margin-right: 108px !important;
}
:deep(.el-form-item__label::before) {
  margin-top: 2px;
}
:deep(.el-select__wrapper) {
  width: 300px;
  height: 32px;
  border-radius: 0px 0px 0px 0px;
  background: #f2f3f5 !important;
}
// :deep(.el-input__wrapper) {
//   width: 278px;
//   height: 32px;
//   border-radius: 0px 0px 0px 0px;
//   background: #f2f3f5 !important;
// }
:deep(.el-radio) {
  margin-right: 108px;
}
:deep(.el-form-item__label) {
  font-family:
    PingFang SC,
    PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #4e5969;
}
.input-container {
  width: 100%; /* 确保 div 占满 el-form-item 的宽度 */
  display: flex; /* 使用 flexbox 布局 */
}

.textarea-custom {
  width: 100%;
}
:deep(.el-textarea__inner) {
  width: calc(100%); /* 设置 textarea 的宽度为 div 的宽度减去 69px */
  height: 80px;
  background: #f2f3f5;
  border-radius: 0px 0px 0px 0px;
}
.item_table_active :deep(.el-form-item__label) {
  margin-top: -50px !important;
}
.activelable {
  position: relative;
  // margin-bottom: 20px;
  a {
    position: absolute;
    top: 48px;
    margin-left: 7px;
    width: 56px;
    height: 22px;
    font-family:
      PingFang SC,
      PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #007dff;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-decoration-line: underline;
    text-transform: none;
  }
}

.add-order-container-white {
  height: 20px;
  background: #f5f7fa;
  border-radius: 0px 0px 0px 0px;
}
.add-order-container-center-bottom {
  overflow: auto;
  padding: 20px;
}

.foot {
  height: 50px;
  background: #ffffff;
  box-shadow: 0px -5px 10px 0px rgba(66, 78, 102, 0.15);
  border-radius: 0px 0px 10px 0px;
  position: absolute;
  bottom: -20px; /* 距离底部 0px */
  left: -20px; /* 从左侧开始 */
  right: 0;
  @include mixin.flex-between;
  .foot_footleft {
    @include mixin.flex-center;
    flex: 4.5;
    .foot_footleft_price {
      flex: 1.25;
      position: relative; /* 设置父容器为相对定位 */
      margin-left: 20px;
      width: 242px;
      height: 24px;
      font-family:
        PingFang SC,
        PingFang SC;
      font-weight: 400;
      font-size: 16px;
      color: #3d3d3d;
      line-height: 24px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-right: auto;
      ._footleft_price {
        position: absolute;
        left: 0px; /* 从父容器左侧偏移20px */
        top: 50%; /* 垂直居中，调整按需 */
        transform: translateY(-50%); /* 调整高度居中 */
      }
    }
    .foot_footleft_biangeng {
      flex: 1.25;
      position: relative; /* 设置父容器为相对定位 */
      ._footleft_biangeng {
        position: absolute;
        left: 20px; /* 从父容器左侧偏移20px */
        top: 50%; /* 垂直居中，调整按需 */
        transform: translateY(-50%); /* 调整高度居中 */
      }
      width: 183px;
      height: 24px;
      font-family:
        PingFang SC,
        PingFang SC;
      font-weight: 400;
      font-size: 14px;
      color: #606266;
      line-height: 24px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-right: 40px;
    }
    .foot_footleft_priceto {
      margin-right: 100px;
      flex: 1.5;
      @include mixin.flex-center;
    }
    .foot_footleft_pricechange {
      @include mixin.position-center;
    }
  }
  .foot_footright {
    flex: 0.5;
    @include mixin.flex-center;
    .foot_footright_cancle {
      cursor: pointer; /* 设置鼠标悬停时的光标样式 */
      @include mixin.flex-center;
      width: 120px;
      height: 36px;
      background: #f2f3f5;
      border-radius: 2px 2px 2px 2px;
      margin-right: 16px;
      .text {
        width: 28px;
        height: 22px;
        font-family:
          PingFang SC,
          PingFang SC;
        font-weight: 400;
        font-size: 14px;
        color: #1d2129;
        line-height: 22px;
        text-align: left;
        font-style: normal;
        text-transform: none;
      }
    }
    .foot_footright_sure {
      cursor: pointer; /* 设置鼠标悬停时的光标样式 */
      @include mixin.flex-center;
      margin-right: 20px;
      width: 120px;
      height: 36px;
      background: #007dff;
      border-radius: 2px 2px 2px 2px;
      .text {
        width: 28px;
        height: 22px;
        font-family:
          PingFang SC,
          PingFang SC;
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
        line-height: 22px;
        text-align: right;
        font-style: normal;
        text-transform: none;
      }
    }
  }
}

// 申请标准
.application-dialog {
  :deep(.el-form) {
    margin-top: 24px;
  }

  :deep(.el-input.is-disabled .el-input__wrapper),
  :deep(.el-textarea.is-disabled .el-textarea__inner) {
    border: 1px solid #f2f3f5;
    box-shadow: none;
    background-color: #fff !important;
    color: #3d3d3d;
    width: 400px;
  }

  .el-input.is-disabled :deep(.el-input__inner) {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    font-size: 14px;
    line-height: 22px;
  }
}

.order_container_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  .container_title_text {
    width: 28px;
    height: 24px;
    font-family:
      PingFang SC,
      PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #007dff;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
  .tab-item_icon {
    width: 20px;
    height: 20px;
    cursor: pointer; /* 提供视觉反馈，提示这些是可点击的 */
  }
}

.order_body--title {
  display: flex;
  width: 160px;
  height: 24px;
  .order_body--titleleft {
    font-size: 16px;
    color: #080808;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
  .order_body--titleright {
    margin-left: 10px;
    font-size: 16px;
    color: #86909c;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
}
.form_expectedDelayDays {
  display: flex;
  .form_expectedDelayDays_lr {
    @include mixin.flex-center;
    width: 32px;
    height: 32px;
    background: #ffffff;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #dcdcdc;
  }
}
